<template>
  <page-meta>
    <navigation-bar :title="title" front-color="#000000" background-color="#ffffff" />
  </page-meta>
  <view class="content">
    <u-parse :html="content"></u-parse>
  </view>
</template>

<script>
export default {
  data() {
    return {
      title: '',
      content: '',
    }
  },
  onLoad(query) {
    this.getAgreement(query.key)
  },
  methods: {
    getAgreement(key) {
      this.$edu.api.getContentAgreementFetch(key).then((res) => {
        const { data } = res
        this.content = data.content.replace(/\<img/gi, '<img style="max-width:100%"')
      })
    },
  },
}
</script>

<style>
.content {
  padding: 0 30rpx;
  background: #ffffff;
  /* img {
			width: 100%;
		} */
}
</style>
